$(document).ready(function(){
  $('.styledSelect').click(function(event){
    event.preventDefault();
    loadSelectValue($(this).attr('id'));
  });
  
  $('.styledSelect').change(function(event){
    event.preventDefault();
    loadSelectValue($(this).attr('id'));
  });
  
  $('.styledSelect').keyup(function(event){
    event.preventDefault();
    loadSelectValue($(this).attr('id'));
  });
});
function loadSelectValue(id, cl) {
  if (cl == undefined || cl == null)
    cl = 'ddContainer';
  var obj = document.getElementById(id);
  var cont = document.getElementById(id + 'Container');
  var txt = document.getElementById(id + 'Text');
  if (obj && cont && txt) {
    var val = obj.options[obj.selectedIndex];
    txt.innerHTML = val.text;
    cont.className = cl + ((val.value == '')?'':' ' + cl + 'Data');
  }
}
